/**
* @file dialog.css
* Copyright (c) Friends Group. All rights reserved.
* $Id$
*
*/

body.Body {
    color:#000;
}
div.DialogContent {
    color: #000;
    background-color:#fff;
    overflow:auto;
    -moz-border-radius: 5px;
	position:absolute;
	top: 65px;
}

.flora .ui-dialog .ui-dialog-content, .flora.ui-dialog .ui-dialog-content {
    margin:.5em;
}
.flora .ui-dialog, .flora.ui-dialog {
    -moz-border-radius: 5px;
}
.flora .ui-dialog .ui-dialog-titlebar, .flora.ui-dialog .ui-dialog-titlebar {
    cursor:move;
}
divdiv.BuddyList ul{
    list-style:none;
}

ul.Hidden {
    display:none;
}

.UITree .Header {
    overflow: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    height: 18px;
	cursor:default;
}

.UITree .Children .Header {
    padding: 4px 12px 0px 16px;
    height: 32px;
    cursor: pointer;
}
div.UIDlgContentArea .Header {
    padding-right:2px;
    height: 36px;
    cursor: pointer;
    font-family: tahoma;
    font-size:.8em;
}
.UITree .Header:hover,
.UITree .Children .Header:hover {
    background-color:#DDE4F5;
}
.UITree .Toggle { font-weight: bold; }
.UITree .Toggle span.Img { width: 16px; padding-left: 16px; }

.UITree span.Img, div.UIDlgContentArea span.Img, div.StatusSelect span.Img { position: relative; height: 12px; }
.UITree div.Img, div.UIDlgContentArea div.Img,div.StatusSelect div.Img { position: absolute; top: 0; left: 0; }
.UITree .Toggle div.Img {
    top: 2px;
    left: 4px;
    width: 10px;
    height: 10px;
}

div.BuddyList .UITree .Toggle div.Img { background: url(images/arrow-collapsed.gif) no-repeat; }
div.BuddyList .UITree .ToggleOpen div.Img { background: url(images/arrow-bottom.gif) no-repeat; }

.UITree .Highlight { background-color: #e9f0f5; }
.UITree .Selected { background-color: #dde4f5; }

/******** buddy tree ***/

div.BuddyList {
    font-family: tahoma;
    font-size: 12px;
    margin: 5px;
}

/** buddy row **/

div.BuddyList .BuddyRow { color: #555F6A; }
div.BuddyList .BuddyRow .Status, 
div.UIDlgContentArea .Status { font-size: .8em; display: block; margin: 0; overflow:hidden;padding-left:28px;}
div.UIDlgContentArea .Status { font-size: .7em;}

div.StatusSelect .Avatar {
    float:right;
	margin-right: 10px;
	margin-top:-5px;
}
div.BuddyList .BuddyRow .Avatar, 
div.UIDlgContentArea .Avatar { 
    float: right; 
    margin-top: -2px;
}
div.BuddyList .BuddyRow div.Text {
   /* margin: -10px 0pt 0pt 24px*/
}
div.Idle, div.Away { color: #8999AA; }
div.Invisible { color: #c0c0c0; }
div.Away .Name { font-style: italic; }


div.UIDlgContentArea span.Img, 
div.BuddyList .BuddyRow span.Img, 
div.StatusSelect span.Img { width: 16px; padding-left: 10px; float:left;}

div.UIDlgContentArea div.Img,
div.StatusSelect div.Img,
div.BuddyRow div.Img {
    background: url(images/status-16.gif);
    width: 16px;
    height: 16px;
    /*margin-top: 8px;*/
}
div.StatusSelect div.Img {
   /* margin-top: 10px;*/
    margin-left: 2px;
}
div.StatusSelect div.Text {
    font-size:0.8em;
    height:18px;
    /*margin:-10px 35px 0px 25px;*/
    overflow:hidden;
}
div.StatusSelect div.Text span.Name {
	cursor: pointer;cursor:hand;
}
div.StatusSelect div.Text span.Name:hover {
	color:#ff0000;
}
div.Online    div.Img { background-position: 0   0;   }
div.Available div.Img { background-position: 0   0;   }
div.Offline   div.Img { background-position: -16px 0; }
div.Busy      div.Img { background-position: -32px 0; }
div.Away      div.Img { background-position: -48px 0; }
div.Idle      div.Img { background-position: -48px 0; }
div.Login     div.Img { background-position: -64px 0; }
div.Logout    div.Img { background-position: -80px 0; }
div.Custom    div.Img { background-position: -96px 0; }
div.Invisible div.Img { background-position: -112px 0; }
div.Chatting  div.Img { background-position: -128px 0; }

.UIImMessage, .UIImHistory {
    background-color:#FFFFFF;
    border-color:#B3B3B3 rgb(193, 214, 235) rgb(193, 214, 235) rgb(179, 179, 179);
    border-style:solid;
    border-width:1px;
    font-family:Tahoma,Arial,sans serif;
    font-size:11px;
    overflow:auto;
    padding-left:2px;
    padding-right:2px;
    clear:both;
    color:#000;
}

.ReMessage {
    position:absolute;
    top:70px;
}

.ReMessage span {
	line-height:150%;
	padding: 5px 0;
}
.SeMessage {
    position:absolute;
    bottom:10px;
    height:48px;
}

.SeMessage textarea {
    border:none;
    width:100%;
    height: 42px;
    margin-top: 3px;
}

.UIImFontbar {
    height:25px;
    position:absolute;
}

.UIToolbar {
    height:25px;
    position:absolute;
	top: 32px;
}

.StatusSelect {
	position: absolute;
	overflow: hidden;
    white-space: nowrap;
	padding-top:10px;
}

.TopBar {
    margin-top: -5px;
}

.UIImStatus {
    clear:both;
    color:#333333;
    font-family:Tahoma,Arial,sans serif;
    font-size:.7em;
    position:absolute;
    bottom:0;
    margin-bottom:-8px;
}

.UIToolbarButton {
    font-size:11px;
    color:#677788;
    cursor:pointer;
    float:left;
    font-family:sans-serif;
    position:relative;
    margin-right: 10px;
}
.UIToolbarButton img {
	border:solid 1px #E6F7D4;
}
.UIToolbarButton img:hover {
    border:solid 1px #2A9FFF;
}
div.ReMessage span.Info span.Time {
	font-style:italic;
}
div.ReMessage span.Info span.Message {
    color:#509050;
	font-style:italic;
}
div.ReMessage span.Info span.Name {
	color:#cc0000;
}
div.ReMessage span.Alert span.Name {
	color:#ff0000;
}
div.ReMessage span.Alert span.Message {
    color:#ff0000;
	background: transparent url(images/icon-error.png) no-repeat scroll left;
	padding-left:18px;
	font-weight:bold;
}
div.ReMessage span.Warning span.Name {
	color:#BC7C12;
}
div.ReMessage span.Warning span.Message {
    color:#BC7C12;
	font-weight:bold;
	background: transparent url(images/icon-alert.png) no-repeat scroll left;
	padding-left:18px;
}
div.ReMessage span.You span.Time {
    color:#204A87;
}

div.ReMessage span.You span.Name {
    font-weight: bold;
}
div.ReMessage span.You span.Message {
    color:#2020ff;
}

div.ReMessage span.Buddy span.Time {
    color:#bb0000;
}

div.ReMessage span.Name {
    font-weight: bold;
}
div.ReMessage span.Buddy span.Message {
    color:#202020;
}
div.Toolbox p {
	font-family: tahoma;
	font-size: .7em;
	margin: 5px 0;
}
div.Toolbox .Fixed {
	width: 160px;
}
div.Toolbox label {
	width:70px;
	margin: 5px 10px 0 0;
	text-align:right;
	float:left;
	display:block;
}

div.Toolbox label.Normal{
	float: none;
	display: inline;
	margin-left: -5px;
}

div.Toolbox div.Holder {
	text-align:right;
	margin:5px 150px;
}